import React from 'react';
import {
    Dimensions,
    StyleSheet, View
} from 'react-native';
const { width, height } = Dimensions.get('window');
import { createBottomTabNavigator } from 'react-navigation-tabs';
import {jsTypeToCppType} from "react-native/ReactCommon/hermes/inspector/tools/msggen/src/Converters";
export const styles = StyleSheet.create({
    container:{
        flex:1,
        width:width,
        height:createBottomTabNavigator.DEFAULT_HEIGHT,
        backgroundColor: '#ededed',
    },
    index_dp:{
        width:width,
        height:width*0.125

    },
    index_bj:{
        width:width,
        height:width * 0.48,
        position:'absolute',
        top:0,
    },
    head:{
        flexDirection:'row',
        paddingTop:32,
        paddingRight:16,
        paddingBottom:16,
        paddingLeft:16,
        width:width,
    },
    defoult_logo:{
        width:55,
        height:55,
        borderRadius:55,
        borderColor:'#ffffff',
        borderWidth:2,
        marginRight:16,
    },
    head_info:{
        width:width - 110,
        flexDirection:'column'
    },
    shareicon:{
        flexDirection:'row',
        marginTop:10,
    },
    icon_item:{
        marginRight:30,

    },
    menulisttips:{
        backgroundColor:'#f4e9e8',
        borderRadius:5,
        width:90,
        height:17,
        textAlign:'center',
        fontSize:12,
        color:'#ff0000',
        marginTop:10
    },




    swiper:{
        backgroundColor:'#ffffff',
        width: width,
        height:width *0.3,
    },
    wrapper: {
    },
    paginationStyle: {
        bottom: 6,
    },
    dotStyle: {
        backgroundColor: '#fff',
        opacity: 0.4,
    },
    activeDotStyle: {
        backgroundColor: '#f00',
    },
    bannerImg: {
        width:width,
        height:width * 0.3,
    },
    remind:{
        backgroundColor : '#ffffff',
        width:width,
        height:35,
        flexDirection:'row',
        justifyContent:'center',
        alignItems:'center',
        borderBottomWidth:1,
        borderBottomColor:'#e8e8e8'
    },
    remindImg:{
        width:27,
        height:14,
        justifyContent:'center',
        alignItems:'center',
        marginRight:10,
        marginLeft:10,
    },
    marqueeVerticalView:{
        width:width - 50,
    },

    menulist:{
        flexDirection:'row',
        justifyContent:'space-around',
        backgroundColor:'#ffffff',
        padding:16,
    },
    menulistitem:{
        flexDirection:'column',
        alignItems:'center',
     },
    itemtips1:{
        width:100,
        borderRadius:5,
        height:14,
        fontSize:10,
        color:'#ffffff',
        textAlign:'center',
    },
    itemtips2:{
        height:17,
        fontSize:10,
        color:'#969696',
        textAlign:'center',
    },
    category:{
        marginBottom:8,
        flexWrap:'wrap',
        flexDirection:'row',
        backgroundColor:"#ffffff",
        paddingBottom:16,
    },
    category_item:{
        width:width/3,
        height:100,
        flexDirection:'column',
        alignItems:'center',
        paddingTop:16,
    },


    category_item_img:{
        width:40,
        height:40,
        alignSelf:'center',
    },
    category_item_text:{
        fontSize:14,
        marginTop:10,
        alignSelf:'center',
        color:'#969696',
    },

    activity:{
        backgroundColor:'#ffffff',
        width: width,
        height:width *0.3,
        marginBottom:8,
        marginTop:8,
    },
    activity_wrapper:{

    },
    activityImg: {
        width:width,
        height:width * 0.3,
    },
    news:{
        backgroundColor:'#ffffff',

    },
    news_title:{
        width:width,
        height:35,
        borderBottomColor:'#e8e8e8',
        borderBottomWidth:1,
        flexDirection:'row',
        alignItems:'center',
    },
    news_title_tips:{
        borderLeftWidth:2,
        borderLeftColor:'#ff0000',
        marginLeft: 16,
        paddingLeft:10,
    },

    recommend_lists:{
        flexDirection:'row',
        justifyContent:'space-between',
        padding:16,
        backgroundColor:'#ffffff',
    },
    recommend_lists_title:{
        flexDirection: 'column',
        width:width - 160,
        height:80,
    },
    cate:{
        flexDirection:'row',
        justifyContent:'space-between',
    },
    thumb:{
        width:110,
        height:80,
    },
    more_model:{
        position:'absolute',
        top:0,
        width: width,
        height:height,
        backgroundColor:'rgba(0,0,0,0.5)',
        flexDirection: 'column',
        justifyContent:'center',
        alignItems:'center',
    },
    more_model_content:{
        width:width - 150,
        marginLeft:8,
        marginRight:8,
        marginBottom:16,
        backgroundColor:'#ffffff',
        flexDirection:'column',
        alignItems:'center',
        borderRadius:5,
    },
    more_model_header:{
        width:width - 150,
        flexDirection:'column',
        justifyContent:'center',
        alignItems:'center',
    },



});
module.exports = styles;
